<!-- 页面HTML -->
<template>
	<view class="content">
		<!-- 单个渲染 -->
		<view>{{title}}</view>
		<view>{{a}}</view>
		<!-- 列表渲染 
			item 循环获取的每个元素
			index  下标
		-->
		<view v-for="(item,index) in household" :key="index">
			{{item}} - {{index}}
		</view>
		<!-- 双向数据绑定 -->
		<input style="border:1px solid red;" type="text" v-model="user" />
		<view>{{user}}</view>
	</view>
</template>
<!-- 页面JS -->
<script>
	export default {
		data() {
			return {
				title: '这是业主数据',
				a: 1,
				household: ['张三','李四','Tom','King'],
				user: ''
			}
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>
<!-- 页面CSS 
	lang 设置CSS预处理器
	scoped  里边的css只能在当前页面下生效
-->
<style lang="scss" scoped>

</style>
